{extend name="default:base" /}
{block name="title"}列表页{/block}
{block name='keywords'}{/block}
{block name='description'}{/block}
{block name="content"}
<div class="inner-content">
    <div class="container">
        <div class="section-head">
            <ul class="bcrumbs">
                {kite:crumb var="vo"}
                <li><a href="{$vo.url}">{$vo.title}</a></li>
                {/kite:crumb}
            </ul>
        </div>

        <div class="row">
            <div class="col-md-8">

                {volist name="doclist" id="vo"}
                <article>
                    <div class="post-excerpt">
                        <div class="small-title cat">{$vo.category.title}</div>
                        <h4 class="h2"><a href="{$vo.url}">{$vo.title}</a></h4>
                        <div class="meta">
                            <span>{$vo.create_at}</span>
                            <span class="comment"><i class="fa fa-comment-o"></i> {$vo.comments}</span>
                            <span class="comment"><i class="fa fa-eye"></i> {$vo.pv}</span>
                        </div>
                        <p>{$vo.description}</p>
                    </div>
                </article>
                {/volist}

                <div class="clearfix"></div>
                <div class="text-center">
                    {$docpage}
                </div>
            </div>

            <aside class="col-md-4">
                <div class="side-widget">
                    <h4><i class="fa fa-fire"></i> 热门</h4>
                    {kite:doclist var='vo' hot_flag="1" order='pv desc' limit='3'}
                    <article class="style4">
                        <a href="{$vo.url}">
                            <div class="overlay overlay-02"></div>
                            <div class="post-thumb">
                                <div class="small-title cat">{$vo.category.title}</div>
                                <div class="post-excerpt">
                                    <div class="meta">
                                        <span class="date">{$vo.create_at}</span>
                                    </div>
                                    <h3 class="text-white">{$vo.title}</h3>
                                </div>
                                <img src="{$vo.image|thumb=350,220}" class="bg-img img-full" alt="">
                            </div>
                        </a>
                    </article>
                    {/kite:doclist}
                </div>

                <div class="clearfix"></div>
                
                <div class="side-widget">
                    <div role="tabpanel">
                        <!-- Nav tabs  nav-justified-->
                        <ul class="nav nav-tabs" role="tablist">
                            <li role="presentation" class="active">
                                <a href="#popular" aria-controls="popular" role="tab" data-toggle="tab">最新</a>
                            </li>
                            <li role="presentation">
                                <a href="#commented" aria-controls="commented" role="tab" data-toggle="tab">热门</a>
                            </li>
                            <li role="presentation">
                                <a href="#viewed" aria-controls="viewed" role="tab" data-toggle="tab">推荐</a>
                            </li>
                        </ul>

                        <!-- Tab panes -->
                        <div class="tab-content">
                            <div role="tabpanel" class="tab-pane active fade in" id="popular">
                                <div class="mini-posts">
                                    {kite:doclist var='vo' order='pv desc' limit='5'}
                                    <article class="style2">
                                        <div class="row">
                                            <div class="col-md-4 col-sm-4 col-xs-4">
                                                <a href="{$vo.url}">
                                                    <div class="article-thumb">
                                                        <img src="{$vo.image|thumb=120,75}" class="img-responsive" alt="">
                                                    </div>
                                                </a>
                                            </div>
                                            <div class="col-md-8 col-sm-8 col-xs-8">
                                                <div class="post-excerpt no-padding">
                                                    <div class="meta">
                                                        <span>{$vo.create_at}</span>
                                                    </div>
                                                    <h5><a href="{$vo.url}">{$vo.title}</a></h5>
                                                    <div class="meta">
                                                        <span class="views"><i class="fa fa-eye"></i> {$vo.pv}</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </article>
                                    {/kite:doclist}
                                </div>
                            </div>

                            <div role="tabpanel" class="tab-pane fade in" id="commented">
                                <div class="mini-posts">
                                    {kite:doclist var='vo' hot_flag='1' order='pv desc' limit='5'}
                                    <article class="style2">
                                        <div class="row">
                                            <div class="col-md-4 col-sm-4 col-xs-4">
                                                <a href="{$vo.url}">
                                                    <div class="article-thumb">
                                                        <img src="{$vo.image|thumb=120,75}" class="img-responsive" alt="">
                                                    </div>
                                                </a>
                                            </div>
                                            <div class="col-md-8 col-sm-8 col-xs-8">
                                                <div class="post-excerpt no-padding">
                                                    <div class="meta">
                                                        <span>{$vo.create_at}</span>
                                                    </div>
                                                    <h5><a href="{$vo.url}">{$vo.title}</a></h5>
                                                    <div class="meta">
                                                        <span class="views"><i class="fa fa-eye"></i> {$vo.pv}</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </article>
                                    {/kite:doclist}
                                </div>
                            </div>

                            <div role="tabpanel" class="tab-pane fade in" id="viewed">
                                <div class="mini-posts">
                                    {kite:doclist var='vo' recommend_flag='1' order='pv desc' limit='5'}
                                    <article class="style2">
                                        <div class="row">
                                            <div class="col-md-4 col-sm-4 col-xs-4">
                                                <a href="{$vo.url}">
                                                    <div class="article-thumb">
                                                        <img src="{$vo.image|thumb=120,75}" class="img-responsive" alt="">
                                                    </div>
                                                </a>
                                            </div>
                                            <div class="col-md-8 col-sm-8 col-xs-8">
                                                <div class="post-excerpt no-padding">
                                                    <div class="meta">
                                                        <span>{$vo.create_at}</span>
                                                    </div>
                                                    <h5><a href="{$vo.url}">{$vo.title}</a></h5>
                                                    <div class="meta">
                                                        <span class="views"><i class="fa fa-eye"></i> {$vo.pv}</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </article>
                                    {/kite:doclist}
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- TABS -->
                </div>

                <div class="clearfix"></div>

                <div class="side-widget">
                    <div class="ad-banner">
                        <span>Advertisement</span>
                        <img src="__STATIC__/default/img/ads/1.jpg" class="img-responsive" alt="">
                    </div>
                </div>

            </aside>
        </div>
    </div>
</div>
{/block}